#wrap{
    min-height: 100%;
}
.header-logo>p{
    padding-right: 28px;
    border-right:1px solid rgba(180,180,180,0.2);
}
.header-list{
    float: left;
    height: 40px;
    float: left;
    line-height: 40px;
    padding-top: 7px;
}
.header-list>a>img{
    width: 20px;
    height: 20px;
    float: left;
    padding-left: 30px;
}
.header-list>a>p{
    float: left;
    padding-left: 8px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #81939E;
    letter-spacing: 0;
    line-height: 24px;
}
.header-logo-medicine{
    color: #41cea6!important;
}
.header-logo-sale{
    color: #32ac79!important;
}
.header-logo-merchant{
    color: #30cccc!important;
}
.header-logo-command{
    color: #0c98ff!important;
}
.header-logo-ticketing{
    color: #ffa60a!important;
}
.header-logo-wisdom{
    color: #22a1ff!important;
}
.container{
    width: 420px;
    height: 474px;
    background: rgba(255,255,255,0.98);
    box-shadow: 0 4px 0.10px 0 rgba(0,0,0,0.04);
    border-radius: 2px;
    margin: auto;
    margin-top: 120px;
    margin-bottom: 116px;
}
.container-title{
    width: 420px;
    height: 80px;
    padding:30px 0 10px 0
}
.container-title>img{
    float: left;
    padding: 20px 20px 20px 40px;
}
.container-title>p{
    font-family: PingFangSC-Semibold;
    font-size: 18px;
    color: rgba(28,43,54,0.80);
    letter-spacing: 0.03px;
    line-height: 26px;
    float: left;
    padding: 27px 0 27px 0;
}
.container-username,.container-password{
    display: block;
    width: 340px;
    height: 46px;
    background: #F2F5F7;
    border-radius: 6px;
    border: 0;
    margin: auto;
    margin-top: 20px;
    text-indent: 20px;
}
.container-username::-webkit-input-placeholder,.container-password::-webkit-input-placeholder,.container-verification::-webkit-input-placeholder{
    font-family: PingFangSC-Regular;
    opacity: 0.2;
    font-size: 14px;
    color: #1C2B36;
    letter-spacing: 0;
    line-height: 22px;
}
.container-verification{
    display: block;
    width: 165px;
    height: 46px;
    background: #F2F5F7;
    border-radius: 6px;
    border: 0;
    margin-top: 20px;
    text-indent: 20px;
    margin-left: 40px;
    float: left;
}
.container-code{
    width: 165px;
    height: 46px;
    background: #DBE9DF;
    border-radius: 6px;
    float: left;
    margin-top: 20px;
    margin-left: 10px;
    color:red;
    outline:none;
    border:none;
}
.container-signIn{
    display: block;
    width: 340px;
    height: 46px;
    border-radius: 6px;
    margin: auto;
    margin-top: 100px;
    font-family: PingFangSC-Regular;
    font-size:14px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    line-height:46px;
    outline:none;
    border:none;
}
.container-signIn:hover{
    cursor: pointer;
}
.container-signIn.property{
    background: #3BC0C3;
}
.container-signIn.medicine{
    background:#41cea6;
}
.container-signIn.sale{
    background: #32ac79;
}
.container-signIn.merchant{
    background: #30cccc;
}
.container-signIn.command{
    background: #0c98ff;
}
.container-signIn.ticketing{
    background: #ffa60a;
}
.container-signIn.wisdom{
    background: #22a1ff;
}
.footer{
    margin-top: -180px;
}
